<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/tags/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>主菜单</title>
    <link rel="stylesheet" type="text/css" href="${ctx}/static/css/all.css"/>
    <%--<script type="text/javascript" src="${ctx}/static/jquery/message.js"></script>--%>
    <%--<script type="text/javascript" src="${ctx}/static/jquery/validatebox.js"></script>--%>
    <style type="text/css">
        a:link, a:visited {
            text-decoration: none; /*超链接无下划线*/
            color: #0000ff;
        }
    </style>
    <script type="text/javascript">
        function updatePassword() {
            alert('功能开发中!');
        }
    </script>
</head>
<body class="easyui-layout">
<!-- 顶端图片标题栏 -->
<div data-options="region:'north',border:false" style="height:80px;background:#FFF;padding:-1px;overflow:hidden;">
    <div style="float:left;height: 80px; width: 20%;">
        <%--<img src="${ctx}/static/images/logo.gif" height="60" width="100%"/>--%>
    </div>
    <div style="float:left;width: 40%;line-height:80px;  text-align: center;">
        <span style="font-size: 40px;font-family:'黑体';">面包英语CMS系统</span>
    </div>
    <div style="float:left;width: 40%;text-align:right; vertical-align: bottom;">
        <table border="0" width="100%">
            <tr>
                <td style="height: 25px;width: 100%;">&nbsp;</td>
            </tr>
            <tr>
                <td style="height: 30px;width: 100%; text-align: right;">
                    欢迎&nbsp;[guest]&nbsp;
                    角色：
                    <%--<select class="easyui-combobox" id="roleList" name="roleList" onChange="switchRole();">
                        <c:forEach var="roleItem" items="${roles}">
                            <option value="<c:out value="${roleItem.roleId}"/>"
                                    <c:if test="${roleItem.roleId eq role}">selected</c:if>><c:out
                                    value="${roleItem.role.roleName}"/></option>
                        </c:forEach>
                    </select>&nbsp;--%>
                    <a href="javascript:updatePassword();">修改密码</a>&nbsp;
                    <a href="javascript:void(0);">退出</a>&nbsp;
                </td>
            </tr>
        </table>
    </div>
</div>

<div data-options="region:'south',border:false"
     style="height:20px;background:#d2e0f2;padding:3px 5px 0px 0px;text-align: right;">
    北京言行科技有限公司 版权所有
</div>
<div data-options="region:'west',split:true" title="导航栏" style="width:200px;padding1:1px;overflow:hidden;">
    <div class="easyui-accordion" data-options="fit:false,border:false,selected:false">
        <div title="APP管理" style="padding:0px;overflow:auto;">
            <div class="menu_div">
                <ul>
                    <li><a href="javascript:addTab('每日一词管理','${ctx}/likeWord/forwardQueryLike.html');">每日一词管理</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('音频管理','${ctx}/likeVideo/forwardQueryLike.html');">音频管理</a>
                    </li>
                </ul>
            </div>
        </div>
        <div title="基础数据管理" style="padding:0px;overflow:auto;" data-options="selected:true">
            <div class="menu_div">
               <%-- <ul>
                    <li><a href="javascript:addTab('用户管理','');">用户管理</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('角色管理','');">角色管理</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('功能管理','');">功能管理</a></li>
                </ul>--%>
                <ul>
                    <li><a href="javascript:addTab('分类管理','${ctx}/base/forwardQueryCodeClasses.html');">分类管理</a></li>
                    </a>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('字典管理','${ctx}/base/forwardQueryCodes.html');">字典管理</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('日志管理','');">日志管理</a></li>
                </ul>
            </div>
        </div>
        <%--<div title="DOEM测试" style="padding:0px;overflow:auto;" data-options="selected:true">
            <div class="menu_div">
                <ul>
                    <li><a href="javascript:addTab('图片裁剪croppic','${ctx}/demo/demoCroppic.html');">图片裁剪croppic</a></li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('图片裁剪photo_clip','${ctx}/demo/photoClip.html');">图片裁剪photo_clip</a>
                    </li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('文本编辑器UMeditor','${ctx}/demo/umeditorIndex.html');">文本编辑器UMeditor</a>
                    </li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('文本编辑器Ueditor','${ctx}/demo/ueditorIndex.html');">文本编辑器Ueditor</a>
                    </li>
                </ul>
                <ul>
                    <li><a href="javascript:addTab('模态锁屏','${ctx}/demo/remodalController.html');">模态锁屏</a></li>
                </ul>
                &lt;%&ndash;<ul>
                    <li><a href="javascript:addTab('日志管理','');">日志管理</a></li>
                </ul>&ndash;%&gt;
            </div>
        </div>--%>
    </div>
</div>
<div data-options="region:'center'" style="overflow:hidden;">
    <div id="div-tabs" class="easyui-tabs" fit="true" border="false"/>
</div>
<%--<c:import url="/WEB-INF/tags/common.jsp"/>--%>
<form id="submitForm" method="post">
    <input type="hidden" id="roleId" name="roleId"/>
</form>
</body>
</html>